<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="__STATIC__/web/js/rem.js"></script>
    <link rel="stylesheet" href="__STATIC__/web/css/public.css">
    <link rel="stylesheet" href="__STATIC__/web/css/human_lib.css">
    <script src="__STATIC__/web/js/jquery.js"></script>
    <title>人才库</title>
    <link rel="stylesheet" href="__STATIC__/web/css/bui.css">
    <script src="__STATIC__/web/js/zepto.js"></script>
    <script src="__STATIC__/web/js/bui.js"></script>
    <script src="__STATIC__/web/js/choose.js"></script>
</head>

<body>
        <div class="bui-page">

                <main>
    <div class="header-top">

        <if condition="$uid eq null">
            <a href="{:url('login/login')}">
                <img class="login-user" src="__STATIC__/web/img/login_user.png" />
            </a>
            <else/>
            <div class="login">
                <a href="{:url('me/me')}">
                    <img class="login-user" src="__STATIC__/web/img/login_user.png" />
                </a>
            </div>
        </if>
        <img class="logo" src="__STATIC__/web/img/logo_white.png" />
        <div class="search-rencai">
            <div class="choose-type">
                <div id="datepicker_input2">人才库</div>
                <img src="__STATIC__/web/img/down_white_arrow.png">
            </div>
            <div class="search">
                <img src="__STATIC__/web/img/search.png">
                <input placeholder="请输入搜索关键词"></input>
            </div>
        </div>
    </div>
    <div class="team">

        <div class="team-top">
                <div class="college" id="choose-show">
            <div class="team-text">{$college.college_name|default='请选择学院'}</div>
            <img id="down-arrow" src="__STATIC__/web/img/down_arrow.png" alt="">
        </div>
            <div class="college-list" id="college">
            <foreach name="allColleges" item="vo">
                <div onclick="window.location.href=`{:url('people/team')}?college_id={$vo.id}`">{$vo.college_name}</div>
            </foreach>
            </div>
        </div>
        <script>
                $('#college div').click(function() {
            var i = $(this).index();//下标第一种写法
            //var i = $('tit').index(this);//下标第二种写法
            $(this).css({'color':'#2065a0','font-weight':'600'}).siblings().css({'color':'#999','font-weight':'400'});
        });
            $('#choose-show').click(function(){


                if($('#college').hasClass('displayflex')){
                    $('#college').removeClass('displayflex')
                    $('#down-arrow').css('transform','rotate(0deg)')
                }else{
                    $('#college').addClass('displayflex');
                    $('#down-arrow').css('transform','rotate(180deg)')
                }

            })
            </script>
        <ul class="team-list">
            <foreach  name="teams" item="vo">
                <li>
                    <a href="{:url('people/teamDetail')}?id={$vo.id}">
                        <img src="{$vo.team_pic}" />
                        <div class="from" style="-webkit-box-orient: vertical;">{$vo.team_name}</div>
                        <div class="principal" style="-webkit-box-orient: vertical;">负责人：{$vo.founder_name}</div>
                    </a>
                </li>
            </foreach>
            <div style="width: 1.92rem"></div>
            <div style="width: 1.92rem"></div>
        </ul>
    </div>
        <div class="bottom-bar">
            <div>Copyright©2019 　山东科技大学 </div>
            <div>鲁ICP备09051012号</div>
        </div>
    </main>
</body>

</html>